﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link rel="stylesheet" href="~/Scripts/ligerUI/skins/Aqua/css/ligerui-all.css" />
    <link rel="stylesheet" href="~/Scripts/ligerUI/skins/ligerui-icons.css" />
    <link rel="stylesheet" href="~/Scripts/ligerUI/skins/Gray/css/all.css" />
    <link rel="stylesheet" href="~/Content/css/common.css" />
    <script src="~/Scripts/jquery-1.10.2.min.js"  ></script>
    <script src="~/Scripts/ligerUI/js/ligerui.all.js"></script>
    <script>
        $(function () {
            $("#listbox1").ligerListBox({
                isShowCheckBox: false, isMultiSelect: false,
                data: [
                    { text: '胸痛', id: '1' },
                    { text: '脑卒中', id: '2' },
                    { text: '创伤', id: '3' }
                ], valueFieldID: 'txtlujingId', height: 470,width:190
            });
        });
        $(function () {
            //追加样式
            $("input[type=radio]").parent().addClass("radio_label");
            if (navigator.userAgent.indexOf("Firefox") > 0) { $(":radio,:checkbox").hide(); }
            $("input[type=radio][disabled!=disabled]").click(function () {
                $("input[type=radio][name='" + $(this).attr('name') + "']").parent().removeClass("checked")
                $(this).parent().addClass("checked");
            });
            $("input[type=radio][checked=checked]").parent().addClass("checked");
            $("input[type=checkbox]").parent().addClass("checkbox_label");
            $("input[type=checkbox][disabled!=disabled]").click(function (e) {
                if ($(this).parent().hasClass("checked"))
                    $(this).parent().removeClass("checked");
                else
                    $(this).parent().addClass("checked");
            });
            $("input[type=checkbox][checked=checked]").parent().addClass("checked");
        })
        //添加/编辑
        function edit(id) {
            var tit = (id > 0) ? "编辑" : "添加";
            $.ligerDialog.open({
                height: 550,
                width: 450,
                title: tit,
                data: { Id: id },
                url: '/ChestPainCenter/DisRecord3/Edit?id=' + id,
                showMax: false,
                showToggle: false,
                showMin: false,
                isResize: false,
                slide: false,
                buttons: [{
                    text: '回调函数', onclick: function (i, d) {
                        $("#btnSearch").click();
                    }
                }],
                cls: "closeCls"
            });
            $(".l-dialog-buttons").hide();
        }
        function addTempbed(id) {
            var tit = (id > 0) ? "编辑" : "添加";
            $.ligerDialog.open({
                height: 350,
                width: 450,
                title: tit,
                data: { Id: id },
                url: '/ChestPainCenter/DisRecord3/Bind?id=' + id,
                showMax: false,
                showToggle: false,
                showMin: false,
                isResize: false,
                slide: false,
                buttons: [{
                    text: '回调函数', onclick: function (i, d) {
                        $("#btnSearch").click();
                    }
                }],
                cls: "closeCls"
            });
            $(".l-dialog-buttons").hide();
        }
    </script>
    <style>
        .radio_label {
            display: inline-block;
            width: auto;
            height: 22px;
            background: url(/Content/images/radiobutton.png) no-repeat;
            background-position: -13px -16px;
            text-indent: 22px;
            line-height: 22px;
        }

            .radio_label:hover {
                background-position: -13px -116px;
            }

        .checkbox_label {
            display: inline-block;
            width: auto;
            height: 22px;
            background: url(/Content/images/checkboxbutton.png) no-repeat;
            background-position: -13px -16px;
            text-indent: 22px;
            line-height: 22px;
        }

            .checkbox_label:hover {
                background-position: -13px -116px;
            }

        .checked {
            background-position: -13px -216px;
        }

            .checked:hover {
                background-position: -13px -216px;
            }

        input[type=radio] {
            width: 0;
        }

        input[type=checkbox] {
            width: 0;
        }

        #tab3  {
            margin-left:10px;
            width: 500px;
            font-size: 14px;
        }

        #tab3 tbody tr td {
            border: solid 1px #d6d6d6;
            text-align: center;
        }

        #tab2 {
            width: 690px;
            border: solid 1px #d6d6d6;
            font-size: 14px;
        }

        #tab2 tbody tr td {
            border: solid 1px #d6d6d6;
            text-align: center;
        }
    </style>
</head>
<body>
    <div style="width:900px;height:auto;background:green;margin-top:15px;">
        <div style="width: 190px; min-height: 500px; background: #fff; margin-left: 10px; float: left; ">
            <div style="height:30px;width:190px; line-height:30px; text-align:center;font-size:18px;">
                路径列表
            </div>
            <div id="listbox1"></div> 
        </div>
        <div style="width:690px;min-height:500px;margin-left:10px;float:left;">
            <div style="width: 690px; min-height: 245px; background: #fff; border: solid 1px #d6d6d6;">
                <div style="width:680px;background:#fff;margin:15px 0 0 10px;">
                    临床事件列表 <input type="button" class="l-button" value="保存" />
                </div>
                <div  style="background: #fff; font-size: 14px; margin-top: 10px;">
                    <table id="tab3" >
                        <tbody>
                            <tr>
                                <td width="20px">&nbsp;</td>
                                <td width="180px">临床事件编码</td>
                                <td width="180px">临床事件名称</td>
                                <td rowspan="4" valign="top" style="border:none;">
                                    <input type="button" class="l-button" value="添加临床事件"  style="width:120px;" onclick="addTempbed(0)" />
                                </td>
                            </tr>
                            <tr>
                                <td><label><input type="checkbox" id="chk1" name="chkname" />&nbsp;</label></td>
                                <td>00001</td>
                                <td>到达医院</td>                                
                            </tr>
                            <tr>
                                <td><label><input type="checkbox" id="chk2" name="chkname" />&nbsp;</label></td>
                                <td>00002</td>
                                <td>院内接诊</td>                                
                            </tr>
                            <tr>
                                <td><label><input type="checkbox" id="chk2" name="chkname" />&nbsp;</label></td>
                                <td>00003</td>
                                <td>直达科室</td>
                            </tr>
                            
                        </tbody>
                    </table>
                </div>
            </div>

            <div style="width: 690px; min-height: 245px; background: #fff; margin-top: 10px; border: solid 1px #d6d6d6; ">
                <div style="width:680px;background:#fff;margin-left:10px;margin-top:15px;">
                    质控点设置 <input type="button" class="l-button" value="新增" onclick="edit(0)" />
                    <input type="button" class="l-button" value="修改" onclick="edit(1)" />
                    <input type="button" class="l-button" value="删除" />
                </div>
                <div style="width:690px;background:#fff;font-size:14px; margin-top:10px;">
                    <table id="tab2">
                        <tbody>
                            <tr>
                                <td width="100px">质控编码</td>
                                <td width="100px">质控点</td>
                                <td width="100px">质控类别</td>
                                <td width="100px">对比项</td>
                                <td width="100px">时长(分)</td>
                                <td width="100px">漏项提醒</td>
                                <td width="100px">危急值范围(低)</td>
                                <td width="100px">危急值范围(高)</td>
                                <td width="100px">状态</td>
                                <td width="100px">操作</td>
                            </tr>
                            <tr>
                                <td>0001</td>
                                <td>到达医院</td>
                                <td>院前</td>
                                <td>院内接诊</td>
                                <td>10</td>
                                <td>否</td>
                                <td>12</td>
                                <td>16</td>
                                <td>启用</td>
                                <td><a href="#">禁用</a></td>
                            </tr>
                            <tr>
                                <td>0002</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td>是</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td><a href="#">禁用</a></td>
                            </tr>
                            <tr>
                                <td>0003</td>
                                <td>院内接诊</td>
                                <td>院内</td>
                                <td>出心电图</td>
                                <td>10</td>
                                <td>否</td>
                                <td>112</td>
                                <td>161</td>
                                <td>启用</td>
                                <td><a href="#">禁用</a></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </div>
    
</body>
</html>
